//$default-gradient: null;

///**
// * @class Global_CSS
// */


@mixin bb-gradient($color, $offset: 2) {
	background: $color;
	@include background-image(linear-gradient(top, color-stops(lighten($color, $offset), darken($color, $offset))));
}

/////**
//// * Includes a base64-encoded icon for use within tab bars and buttons (With the component parameter iconMask: true).
//// *
//// *     @include pictos-iconmask('attachment');
//// *
//// * @param {string} $name The name of the icon to be included. This is to match the name of the icon file (located at resources/themes/images/default/pictos) without its extention (.png).
//// */
////@mixin pictos-iconmask($name) {
////    .x-tab .x-button-icon.#{$name},
////    .x-button .x-button-icon.x-icon-mask.#{$name} {
////        @include icon($name);
////    }
////}

////@mixin icon($name, $background-color: transparent, $size: 1.1em,$position: 50% 50%) {
////  webkit-mask-image: theme_image('windows-phone/dark', "pictos/" + $name + ".png");
////  background-image: theme_image('windows-phone/dark', "pictos/" + $name + ".png");
////  background-color: $background-color;
////  background-position: $position;
////  background-repeat: no-repeat;
////  background-size: $size;
////}

///**
// * Includes the default styles for toolbar buttons, mostly used as a helper function.
// *
// * @param {color} $bg-color Base color to be used for the button.
// */
//@mixin toolbar-button($bg-color) {
//  &,
//  .x-toolbar & {
//    border: 2px solid $foreground-color;
//    background-color: $bg-color;

//    &.x-button-back:before,
//    &.x-button-forward:before {
//      background-color: $bg-color;
//    }

//    &,
//    &.x-button-back:after,
//    &.x-button-forward:after {
//      background-color: $bg-color;
//    }

//    &.x-button-pressing,
//    &.x-button-pressed,
//    &.x-button-active {
//      &,
//      &:after {
//        color: $bg-color;
//        background-color: $foreground-color;
//      }
//    }
//  }
//}

///**
// * Creates a background gradient for masked elements, based on the lightness of their background.
// *
// * @param {color} $bg-color Background color of element.
// * @param {percent} $percent Contrast of the new gradient to its background.
// * @param {percent} $style Gradient style of the gradient.
// * @see background-gradient
// *
// */
//@mixin mask-by-background($bg-color, $contrast: 100%, $style: $base-gradient) {
//  @if (lightness($bg-color) > 50) { @include background-gradient(darken($bg-color, $contrast), $style) }
//  @else { @include background-gradient(lighten($bg-color, $contrast), $style) }
//}


//@mixin readable-color($color, $contrast: 100) {
//  @if lightness(lighten($color, 100 - $contrast)) > 30 {
//      color: $color;
//      fill: $color;
//  } @else {
//      color: darken(lighten($color, 100 - $contrast), 30);
//      fill: darken(lighten($color, 100 - $contrast), 30);
//  }
//}

///**
//* TextBlock styles
//*/
//@mixin phone-text-normal(){
//  font-family: $phone-font-family-normal;
//  font-size: $font-size-normal;
//  color: $foreground-color;
//}

//@mixin phone-text-title1(){
//  font-family: $phone-font-family-semilight;
//  font-size: $font-size-extra-large;
//  color: $foreground-color;
//}

//@mixin phone-text-subtle(){
//  font-family: $phone-font-family-normal;
//  font-size: $font-size-normal;
//  color: $phone-subtle-color;
//}

//@mixin phone-text-title2(){
//  font-family: $phone-font-family-semilight;
//  font-size: $phone-font-size-large;
//  color: $foreground-color;
//}

//@mixin phone-text-title3(){
//  font-family: $phone-font-family-semilight;
//  font-size: $font-size-medium;
//  color: $foreground-color;
//}

//@mixin phone-text-accent(){
//  font-family: $phone-font-family-semibold;
//  font-size: $font-size-normal;
//  color: $base-color;
//}

//@mixin fieldset-instructions() {
//  color: #666666;
//  font-size: .8em;
//  text-align: left;
//  margin: 0.7em 0 0.3em 0;
//}
